<!DOCTYPE HTML>
<html><head>
    <title>Testcase for outline:auto</title>
    <style type="text/css">

        html,body {
            color:black; background-color:white; padding:10px; margin:0;
        }

	.a { outline:auto; width:190px; height:10px; background:black; }
        .w { border:solid black; border-width:5px; margin:20px; width:190px; }
    </style>
</head>
<body>

<div class="w"><div class="a" style="outline-width:10px; outline-offset:5px;"></div></div>
<div class="w"><div class="a" style="outline-width:10px; outline-offset:10px;"></div></div>
<div class="w"><div class="a" style="outline-width:10px; outline-offset:0px;"></div></div>
<div class="w"><div class="a" style="outline-width:15px; outline-offset:6px;"></div></div>
<div class="w"><div class="a" style="outline-width:15px; outline-offset:4px;"></div></div>
<div class="w"><div class="a" style="outline-width:11px; outline-offset:5px;"></div></div>
<div class="w"><div class="a" style="outline-width:11px; outline-offset:10px;"></div></div>
<div class="w"><div class="a" style="outline-width:11px; outline-offset:0px;"></div></div>

</body>
</html>
